<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    
    <link rel="stylesheet" type="text/css" href="{MODULE_URL}template/mobile/style/style1/static/css/region.css" />
    <link href="{$_W['siteroot']}app/resource/css/bootstrap.min.css" rel="stylesheet"> 
    <link href="{$_W['siteroot']}app/resource/css/font-awesome.min.css" rel="stylesheet">  
    <title>{$region['title']}</title>
     <script type="text/javascript" src="{$_W['siteroot']}app/resource/js/lib/jquery-1.11.1.min.js"></script>
    <script type="text/javascript">

    // jssdk config 对象
    jssdkconfig = {php echo json_encode($_W['account']['jssdkconfig']);} || {};

    // 是否启用调试
    jssdkconfig.debug = false;

    jssdkconfig.jsApiList = [

        'previewImage',

    ];
    </script>
    <style type="text/css">
        a{
    text-decoration: none
}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}
    </style>
</head>

<!-- <header id="header">
<div class="header_div">
    <div id="left_div" onClick="window.location.href='{php echo $this->createMobileUrl('report',array('op' => 'list'))}'"></div>
    <div id="middle_div">
        <h1 id="title" style="line-height:0px">投诉详情</h1></div>
    <div id="right_div">
        <div class="right_bottom"></div>
        <div class="right_img"></div>
    </div>
</div>
</header> -->
<div style="width:100%;height:40px;background:#48b54e">    
    <a href="javascript:;" onClick="window.location.href='{php echo $this->createMobileUrl('report',array('op' => 'list'))}'" style="font-size:18px;color:white;display:block;float:left;margin-left:10px;">
        <i class="fa fa-chevron-left" style='line-height:40px;'></i>
    </a>
    <a href="" style="font-size:18px;color:white;display:block;line-height:40px;text-align:center;margin:0 auto">
       建议详情
    </a> 
</div>
 <div class="panel panel-default" style="margin:10px auto;width:90%;">
    <div class="panel-heading">
        <h3 class="panel-title">建议详情</h3>
    </div>
    <div class="panel-body">
        <ul class="list-group">
            <li class="list-group-item">内容：<span> {$item['content']}</span></li>
            <li class="list-group-item">状态：<span class="label label-success">{if $item['status'] == 1}已处理{elseif $item['status'] == 2}未处理{/if}</span></li>
            <li class="list-group-item">姓名：<span>{$member['realname']}</span></li>
            <li class="list-group-item">电话：<span>{php echo substr_replace($member['mobile'],'****',3,4)}</span></li>
            <li class="list-group-item">地址：<span>{$item['address']}</span></li>
        </ul>
        <div id="previewImage" onclick="showImg()">
                {if $imgs}
                     {loop $imgs $img}
                     <img src="{$img['src']}" class="img-thumbnail" width="90" height="90">
                     {/loop}
                {/if}
        </div>
    </div>
    {if $item['rank']}
<div class="panel panel-default" style="width:90%;margin:0 auto;margin-bottom:50px;margin-top:-20px;">
    <div class="panel-heading">
        <h3 class="panel-title">评价内容</h3>
    </div>
    <div class="panel-body">
        <ul class="list-group">
            <li class="list-group-item">满意度：<span> {if $item['rank']==1}满意{elseif $item['rank']==2}一般 {else} 不满意{/if}，内容：{$item['comment']}</span></li>
           
        </ul>
    </div>
</div>
{/if}
</div>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript">

wx.config(jssdkconfig);

function showImg(){
        var imgArray = [];
        var curImageSrc = $('#previewImage img').attr('src');
        // alert(curImageSrc);
        if (curImageSrc) {
            $('#previewImage img').each(function(index, el) {
                var itemSrc = $(this).attr('src');
                imgArray.push(itemSrc);
            });
  
                wx.previewImage({
                    current: curImageSrc,
                    urls: imgArray
                });
        
        }
  
}


</script>
<script>
    $(function(){
        select('a1');
    });
    </script>
{template 'style/style1/footer'}